<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div>张湾区</div>
    <div class="fir">十堰市</div>
    <span>万达</span>
    <ul>
      <li>我是li1</li>
      <li>我是li2</li>
      <li>我是li3</li>
      <li>我是li4</li>
    </ul>
    <div class="box">
      <span class="erweima">湖北省十堰市旺达</span>
    </div>
    <script>
      let span = document.querySelector(".erweima");
      let fir = document.querySelector(".fir");
      let box = span.parentNode; //返回元素的父节点
      let ul = document.querySelector("ul");
      let li = ul.children; //返回元素的子元素的集合
      let lis1 = ul.firstElementChild; //返回元素的第一个子元素
      let lis4 = ul.lastElementChild; //返回指定元素的最后一个子元素
      let fir_div = fir.previousElementSibling; //返回指定元素的前一个兄弟元素  前一个元素
      let fir_span = fir.nextElementSibling; //返回指定元素之后的下一个兄弟元素  后一个元素。

      console.log(fir_span);

    </script>
  </body>
</html>
